<template>
	<view class="">

	   <web-view :src="webUrl" @message="handleMessage"></web-view>
	</view>
</template>

<script>
var wv; //计划创建的webview

export default {
	data() {
		return {
			webUrl: '/hybrid/html/local.html',
		};
	},
	onReady() {
	},
	onLoad(options) {
	},

	methods: {
		// 监听页面发送的消息
		sendMessageToH5() {
		// h5需要的json形式如：[{"name": "Tom", "age": 18},{"name": "Jack", "age": 19}]
			let data = [{"name": "Tom", "age": 18},{"name": "Jack", "age": 19}]
		    let currentWebview = this.$scope.$getAppWebview();//获取当前web-view
		    wv = currentWebview.children()[0];
		   // params 传递的参数
		    let params = JSON.stringify(data) 
		   // wv.evalJS调用H5方法并传递数据
		    wv.evalJS("getUniAppMessage("+params+")")  //getUniAppMessage h5中获取数据的方法
		},
		handleMessage(e) {
			// 传递数据在 e.detail.data
			let msgData = e.detail.data;
			// 以下可判断传来数据，并做处理
			switch(msgData[0].action){
		        case "postMessage":
		       	// ********
				this.sendMessageToH5()
		        break;
			}
		},
	}
};
</script>

<style scoped="true" lang="scss"></style>
